@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
html, body {
	position: relative;
	height: auto;
}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif "微软雅黑";
	margin: 0;
	padding: 0;
	color:#FFF;
	font-size:16px;
	}
.container {width: 100%; height: auto; margin: 0 auto; background-color: #7C0005;}
.maincontent { width:800px; height:1280px; background: url(../image/bg.png) no-repeat center; margin: 0 auto; overflow:hidden;}
.title { width:800px; height:130px; text-align: center; padding-top:100px;}
.search {width:800px; height:100px; margin-top:10px;}
.sear_cont{ width:740px; height:100px; background-color:#FFF; margin:0 auto;}
.sear_ipt {width:500px; height:60px; border: #D00901 solid 1px; margin:20px 0px 20px 22px; float:left;}
.sear_btn{  float:right; margin:19px 22px 19px 0px; padding-left:15px; font-size:16px; font-family:"微软雅黑";}

.list {width:800px; height:670px; margin:10px auto 0 auto;}
.ls_ul{width: 800px; list-style:none; margin-left:px; float:left;}
.ls_ul li{width:227px; height:76px; display: inline;}
.ls_ul a{display:block; float:left; height:76px; margin-left:29px; margin-top:18px;}
.list2 {width:800px; height:200px; margin:10px auto 0 auto;}
p{ margin:10px auto 0 auto; text-align:center; font-weight:600; }


    
	@media screen and (min-width: 1001px){
		.wrapper{ width:1280px; min-height:1280px; margin:0 auto; overflow:hidden;}
	    .maincontent{
　     　max-width:800px; 
　　     width:800px; height:1280px;
　　     width:expression(document.body.clientWidth>800?”800px”:”auto”);
        background: url(../image/bg.png) no-repeat center;
　     　overflow:hidden;
        position:relative
        text-align: center;
	    vertical-align:middle;
		}
		.title { width:800px; height:130px; text-align: center; padding-top:100px;}
        .search {width:800px; height:100px; margin-top:10px;}
        .sear_cont{ width:740px; height:100px; background-color:#FFF; margin:0 auto;}
        .sear_ipt {width:500px; height:60px; border: #D00901 solid 1px; margin:20px 0px 20px 22px; float:left;}
        .sear_btn{  float:right; margin:19px 22px 19px 0px; padding-left:15px; font-size:16px; font-family:"微软雅黑";}

        .list {width:800px; height:670px; margin:10px auto 0 auto;}
        .ls_ul{width: 800px; list-style:none; margin-left:px; float:left;}
        .ls_ul li{width:227px; height:76px; display: inline;}
        .ls_ul a{display:block; float:left; height:76px; margin-left:29px; margin-top:18px;}
		.list2 {width:800px; height:200px; margin:10px auto 0 auto;}
        p{ margin:10px auto 0 auto; text-align:center; font-weight:600; }
	}
	@media screen and (min-width: 601px) and (max-width:1000px){
		.wrapper {min-width: 601px; max-width:1000px; min-height:1280px; margin:0 auto; overflow:hidden; }
		.maincontent{
　     　max-width:640px; max-height:1240px; 
　　     width:640px; height:1240px;
　　     width:expression(document.body.clientWidth>720?”720px”:”auto”);
        height:expression(document.body.clientWidth>1240?”1240px”:”auto”);
		background: url(../image/bg.png) no-repeat center;
		background-size:640px 1024px;
        overflow:hidden;
		position:relative;
        text-align: center;
		}
		.title { width:720px; height:117px; text-align: center; padding-top:90px; margin:0 auto;}
		.title img { width:492px; height:60px; text-align: center; margin:0 auto;}
        .search {width:720px; height:90px; margin-top:10px; margin:0 auto; overflow:hidden;}
        .sear_cont{ width:656px; height:90px; background-color:#FFF; margin:0 auto 0 25px;}
        .sear_ipt {width:435px; height:54px; border: #D00901 solid 1px; margin:18px 0px 18px 22px; float:left;}
        .sear_btn{ width:150px; height:55.9px; float:right; margin:18px 22px 18px -5px; padding-left:15px; font-size:16px; font-family:"微软雅黑";}

        .list {width:720px; height:623px; margin:10px auto 0 auto;}
        .ls_ul{width: 720px; list-style:none; margin-left:px; float:left;}
        .ls_ul li{width:204px; height:68px; display: inline;}
		.list img{width:204px; height:68px;}
        .ls_ul a{display:block; float:left; height:68px; margin-left:23px; margin-top:20px;}
		.list2 {width:720px; height:180px; margin:20px auto 0 auto;}
		.list2 img{width:204px; height:68px;}
        p{ margin:25px auto 0 auto; text-align:center; font-weight:600; }
	}
	@media screen and (min-width: 360px) and (max-width: 600px) {
		.wrapper{min-width: 360px; max-width:600px; min-height:640px; margin:0 auto;}
		.maincontent{
　     　min-width:360px; max-height:600px;
        width:360px; height:600px;
　　     width:expression(document.body.clientWidth>360?”360px”:”auto”);
        height:expression(document.body.clientWidth>600?”600px”:”auto”);
		background: url(../image/bg.png) no-repeat center;
		background-size:360px 576px;
　     　overflow:hidden;
        position:relative;
        text-align: center;
		}
		.title { width:360px; height:58.5px; text-align: center; padding-top:45px; margin:0 auto;}
		.title img { width:246px; height:30px; text-align: center;}
        .search {width:360px; height:45px; margin-top:10px; margin:0 auto; overflow:hidden;}
        .sear_cont{ width:333px; height:45px; background-color:#FFF; margin:0 auto;}
        .sear_ipt {width:220px; height:27px; border: #D00901 solid 1px; margin:9px 0px 9px 10px; float:left;}
        .sear_btn{ width:75px; height:28px;  float:right; margin:8px 10px 8px 0px; padding-left:15px; font-size:16px; font-family:"微软雅黑";}

        .list {width:360px; height:310px; margin:10px auto 0 auto;}
        .ls_ul{width: 360px; list-style:none; margin-left:px; float:left;}
        .ls_ul li{width:102px; height:34px; display: inline;}
		.list img{width:102px; height:34px;}
        .ls_ul a{display:block; float:left; height:34px; margin-left:13px; margin-top:11px;}
        .list2 {width:360px; height:90px; margin:15px auto 0 auto;}
		.list2 img{width:102px; height:34px;}
        p{ margin:10px auto 0 auto; text-align:center; font-weight:600; font-size:14px; }

	}
	@media screen and (max-width: 359px) {
		.wrapper{ max-width:359px; min-height:512px; margin:0 auto; overflow:hidden;}
		.maincontent{
　     　max-width:320px; max-height:536px;
        width:320px; height:536px;
　　     width:expression(document.body.clientWidth>320?”320px”:”auto”);
        height:expression(document.body.clientWidth>536?”536px”:”auto”);
		background: url(../image/bg.png) no-repeat center;
		background-size:320px 512px;
　     　overflow:hidden;
　     　overflow:hidden;
        position:relative;
        text-align: center;
		}
		.title { width:320px; height:52px; text-align: center; padding-top:40px; margin:0 auto;}
		.title img { width:219px; height:27px;}
        .search {width:320px; height:40px; margin-top:10px; margin:0 auto; overflow:hidden;}
        .sear_cont{ width:296px; height:40px; background-color:#FFF; margin:0 auto;}
        .sear_ipt {width:192px; height:24px; border: #D00901 solid 1px; margin:8px 0px 8px 9px; float:left;}
        .sear_btn{ width:67px; height:25px; float:right; margin:7px 9px 7px 0px; padding-left:15px; font-size:16px; font-family:"微软雅黑";}

        .list {width:320px; height:268px; margin:10px auto 0 auto;}
        .ls_ul{width: 320px; list-style:none; float:left;}
        .ls_ul li{width:91px; height:31px; display: inline;}
		.list img{width:91px; height:31px; }
        .ls_ul a{display:block; float:left; height:31px; margin-left:12px; margin-top:7px;}
        .list2 {width:320px; height:80px; margin:10px auto 0 auto;}
		.list2 img{width:91px; height:31px; }
        p{ margin:10px auto 0 auto; text-align:center; font-weight:600; font-size:12px;}

	}
</style>

